@CHARSET "UTF-8";

/* font style */
.bsgrid {
    font-size: 13px;
    font-family: '微软雅黑', Verdana, sans-serif, '宋体', serif;
}

/* grid table */
table.bsgrid {
    width: 98%;
    margin-right: 5px;
    border-collapse: collapse;
}

/* grid header and column */
.bsgrid th, .bsgrid td {
    padding: 3px;
    border: solid 1px #ccc;
    background-color: white;
    text-align: center;
    color: #333;
    line-height: 1.8em;
}

.bsgrid td.lineWrap {
    word-break: break-all;
}

.bsgrid td.lineNoWrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* grid header */
.bsgrid th {
    font-weight: 400;
    background: url(../images/skins/default/bg.gif) repeat-x #f4f4f4;
}

/* grid even index row column color */
.bsgrid tr.even_index_row td {
    background-color: #eeeeff;
}

/* grid row hover column color */
.bsgrid tr.row_hover td {
    background-color: #fff1cc !important;
}

/* grid selected row column color */
.bsgrid tr.selected.selected_color td {
    background-color: #fff1cc !important;
}

/* href */
.bsgrid a {
    color: #ff6600;
    text-decoration: none;
}

/* sort */
.bsgrid th .sort.sort-view {
    background: url(../images/sort-view.gif) no-repeat center;
    margin-left: 3px;
}

.bsgrid th .sort.sort-asc {
    background: url(../images/sort-asc.gif) no-repeat top;
    margin-left: 3px;
}

.bsgrid th .sort.sort-desc {
    background: url(../images/sort-desc.gif) no-repeat bottom;
    margin-left: 3px;
}

/* grid lock screen */
.bsgrid.lockscreen {
    position: fixed;
    z-index: 2014;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=10);
    opacity: .1;
    -moz-opacity: 0.1;
}

/* grid loading */
.bsgrid.loading_div {
    position: fixed;
    z-index: 2015;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.bsgrid.loading_div table {
    width: 100%;
    height: 100%;
}

.bsgrid.loading_div td {
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    text-align: center;
    vertical-align: middle;
}

.bsgrid.loading_div td div {
    width: 200px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #000;
    border: solid 1px #999;
    background-color: #fff;
}

.bsgrid.loading {
    padding-left: 5px;
    line-height: 1.5em;
}

.bsgrid.loading span {
    background: url("../images/loading.gif") no-repeat center;
}

/* paging toolbar out table */
.bsgridPagingOutTab {
    width: 98%;
    margin-right: 5px;
    border-collapse: collapse;
    border: solid 1px #ccc;
    background-color: white;
    border-top-width: 0;
}